<template>
	<view class="page">
		<u-cell url="/pages/my/account-safe/index" class="account" title="账户与安全" :isLink="true"
			arrow-direction="left"></u-cell>
		<u-cell url="/pages/my/notice-reminder/index" class="msg-topic" title="通知与提醒" :isLink="true"
			arrow-direction="left"></u-cell>
		<u-cell class="msg-topic" title="隐私设置" :isLink="true" arrow-direction="left"></u-cell>
		<u-cell class="msg-topic" title="主题" :isLink="true" arrow-direction="left"></u-cell>
		<u-cell class="msg-topic" title="消息回复语" :isLink="true" arrow-direction="left"></u-cell>
		<u-cell class="msg-topic" title="面试设置" :isLink="true" arrow-direction="left"></u-cell>
		<u-cell class="msg-topic" title="道具功能管理" :isLink="true" arrow-direction="left"></u-cell>
		<u-cell class="msg-topic vipfunc" title="VIP功能管理" :isLink="true" arrow-direction="left"></u-cell>
		<u-cell class="msg-topic" title="版本更新" isLink>
			<text slot="value" class="u-slot-value">1.01.02</text>
		</u-cell>
		<u-cell class="msg-topic" title="切换身份" isLink>
			<text slot="value" class="u-slot-value">HR</text>
		</u-cell>
		<view class="exitlogin">
			<u-button class="elbtn" text="退出登录"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {},
		methods: {

		}
	}
</script>

<style>
	.page {
		background-color: #fff;
	}

	::v-deep .account .u-cell__body {
		padding-top: 50rpx;
		padding-bottom: 50rpx;
		border-top: 1px solid #d5d5d5;
	}

	::v-deep .account .u-line {
		border-color: #d5d5d5;
	}

	::v-deep .account .u-cell__body:hover {
		background-color: white;
		font-size: 48rpx !important;
	}

	::v-deep .account .u-cell__title-text,
	::v-deep .msg-topic .u-cell__title-text {
		color: #2C2C2C;
		font-size: 28rpx;
	}

	.msg-topic:nth-child(2) {
		margin-top: 20rpx;
	}

	::v-deep .msg-topic .u-cell__body {
		padding-top: 24rpx;
		padding-bottom: 24rpx;
	}

	::v-deep .msg-topic .u-line {
		border: none !important;
	}

	::v-deep .vipfunc .u-line {
		border-bottom: 1px solid #d5d5d5 !important;
	}

	::v-deep .msg-topic .u-slot-value {
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 400;
		font-size: 20rpx;
		color: #B8B8B8;
		line-height: 28rpx;
	}

	::v-deep .account .u-icon__icon--info span,
	::v-deep .msg-topic .u-icon__icon--info span {
		color: #B8B8B8;
		font-size: 30rpx;
		width: 30rpx;
		height: 30rpx;
		font-weight: bold;
	}


	.exitlogin {
		padding-top: 56rpx;
		background-color: #f5f5f5;
	}

	.elbtn {
		width: 662rpx;
		height: 98rpx;
		background: #D8D8D8;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 400;
		font-size: 36rpx;
		color: #FFFFFF;
		text-align: center;
	}

	.elbtn:after,
	.elbtn:before {
		content: none;
	}
</style>